<template>
	<view class="conWrap">
		<view class="hei20"></view>
		<view class="detail">
			<view class="detailList">
				<view class="detailListL">处理状态</view>
				<view class="detailListR status">
					<uni-data-select
					        v-model="value"
					        :localdata="range"
					        @change="change"
					      ></uni-data-select>
				</view>
			</view>
			
			<view class="detailList">
				<view class="detailListL">处理过程</view>
				<view class="detailListR">
					<uni-easyinput type="textarea" autoHeight v-model="text" placeholder="请输入内容"></uni-easyinput>
				</view>
			</view>
		</view>	
		<view class="btnWrap">
			<button @click="handleSubmit" class="flexCenter botBtn botBtnSubmit">确定</button>
			<button @click="handleCancel" class="flexCenter botBtn botBtnCancel">取消</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: 0,
				text: '',
				range: [
				  { value: 0, text: "待处理" },
				  { value: 1, text: "已处理" },
				],
				content: {}
			}
		},
		onLoad(options) {
			if (options.param) this.content = JSON.parse(options.param)
		},
		methods: {
			change(e) {
				console.log("e:", e);
			},
			handleSubmit() {
				uni.navigateBack({
					delta: 2
				});
			},
			handleCancel() {
				uni.navigateBack({
					delta: 2
				});
			},
		}
	}
</script>

<style>
	
	.conWrap{
		width: 100%;
		min-height: 100vh;
		background-color: #f5f5f5;
	}
	.detail{
		width: 670rpx;
		margin: 0 auto;
		padding: 20rpx 20rpx 40rpx;
		background-color: #fff;
		border-radius: 10rpx;
	}
	.detailList{
		width: 100%;
		padding: 20rpx 0;
		display: flex;
		font-size: 26rpx;
		line-height: 40rpx;
		border-bottom: #f0f0f0 solid 2rpx;
	}
	.detailListL{
		width: 150rpx;
		color: #888;
		line-height: 60rpx;
	}
	.detailListR{
		width: 520rpx;
		color: #333;
	}
	.btnWrap{
		margin-top: 80rpx;
	}
	.botBtn{
	  width: 670rpx;
	  height: 80rpx;
	  font-size: 30rpx;
	}
	.botBtnSubmit{
	  background-color: #0b93f6;
	  color: #ffffff;
	}
	.botBtnCancel{
		margin-top: 30rpx;
		background-color: #fff;
		color: #666;
	}
</style>
